<template>
  

  <el-container style="min-height: 100vh;">
    <el-header style="text-align: right;background-color:#545c64;position: relative;">
        <Header/>
      </el-header>

  <el-container>
      <el-aside width="200px" style="background-color: rgb(238, 241, 246);height: 100%;">
        <Aside/>
      </el-aside>

      <el-main>
            <Body/>
      </el-main>
  </el-container>

  </el-container>
</template>

<script>
import Aside from "./layout/Aside";
import Header from "./layout/Header";
import Body from "./layout/Body";
export default {
  name: "Main",
  components: {
    Aside,Header,Body
  },
  data() {
    return {
      value1: '',
      value1: '',
      value1: '',
      // name: this.$route.query.name
    }
  },
  created() {
  this.load
},
methods: {
  load(){
    request.get("/sys/worder/countStatus").then(res => {
        console.log(res)
        this.value1 = res.data.records
      })
  }
}

}

</script>

<style>




.el-main{
  background-color: #E9EEF3;
  color: #333;

}


</style>
